import './style.css';
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";

import * as Icons from '@element-plus/icons-vue'

const app = createApp(App)

app.use(createPinia())
app.use(router)
app.use(ElementPlus, { size: "small", zIndex: 3000 })

Object.keys(Icons).forEach((key) => {
  app.component(key, Icons[key as keyof typeof Icons])
})

// 自动导入所有 SVG 文件（需使用 Vite 的 import.meta.glob）
// 配合 vite-svg-loader 全局引入svg
const svgModules = import.meta.glob('./assets/icons/*.svg', { eager: true })
Object.entries(svgModules).forEach(([path, module]) => {
  const componentName = path.split('/').pop().replace('.svg', '')
  app.component(`Icon${componentName}`, module.default)
})

app.mount('#app')


